new Vue({
    el:"#box",
    data:{
        arr:[
            {
                imgurl:'https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTgvMTAvMDNkYTM3MTQ2YjA1YzM5MTM1YWFjYWE4YTdlZDNkZDguanBn.jpg',
                text:'做一个精彩的站点',
                content:'为情怀而干杯，告别朴素的重复和一望无际的平庸'
            },
            {
                imgurl:'https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvNzliN2NkY2QxNGRiMTRlOWNiNDk4ZjE3OTM4MTdkNjkuanBn.jpg',
                text:'我在灯火阑珊处',
                content:'起飞页是放飞梦想的地方，也是寻梦的地方'
            }
        ],
        
        arr2:[
            {
                imgurl1:'https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvYmU3YTcyNzAzZjVjZDZjYzc3MmQ0N2E1Y2QyZGJjOTctNDAweDQwMC5qcGc_p_p100_p_3D.jpg',
                text:'彭少宏',
                span:'CEO总经理',
                content2:'您可以双击这里或者点击编辑按钮来修改内容，您可以添加按钮图片等常用元素。您可以双击这里或者点击编辑按钮来修改内容。'
            },
            {
                imgurl1:'https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvYTNkNDA0Mjg2MmVkNjE3Mzk0M2QwOTQ4M2M5NjM3NGMtNDAweDQwMC5qcGc_p_p100_p_3D.jpg',
                text:'张义栋',
                span:'工程师',
                content2:'您可以双击这里或者点击编辑按钮来修改内容，您可以添加按钮图片等常用元素。您可以双击这里或者点击编辑按钮来修改内容。'
            },
            {
                imgurl1:'https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvZmYxNDZkZjNiODBkMmE0M2FmNTZhYzY3Nzk3YWEwZDUtNDAweDQwMC5qcGc_p_p100_p_3D.jpg',
                text:'郭思燕',
                span:'客服代表',
                content2:'您可以双击这里或者点击编辑按钮来修改内容，您可以添加按钮图片等常用元素。您可以双击这里或者点击编辑按钮来修改内容。'
            },
            {
                imgurl1:'https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvYTI2NzI2YzFlMDJhM2ZiNjRlNWM0MmM0MzEwZWFlMzktNDAweDQwMC5qcGc_p_p100_p_3D.jpg',
                text:'梁亚萍',
                span:'客服代表',
                content2:'您可以双击这里或者点击编辑按钮来修改内容，您可以添加按钮图片等常用元素。您可以双击这里或者点击编辑按钮来修改内容。'
            }
        ],

        arr3:[
            {
                span:'737',
                text:'发 布 版 本',
            },
            {
                span:'9257',
                text:'部 署 客 户',
            },
            {
                span:'68',
                text:'荣 获 奖 项',
            },
            {
                span:'62',
                text:'发 布 版 本',
            }
        ],
        arr4:[
            {img:'https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvNDgzNjYwMWNkOWZkNWEwMGI0ZTMzNWY2NmE1Yzg3NGYtNTAweDMwMC5qcGc_p_p100_p_3D.jpg'},
            {img:'https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvNzhmY2E0MjkyMzIzOWFhNGU3ZGIwNDBmMjc5ZDhmOTctNTAweDMwMC5qcGc_p_p100_p_3D.jpg'},
            {img:'https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvZjQwODQwY2Q3OTcxZDdkODQ5ZWRjYjI5NjRmODIwNmYtNTAweDMwMC5qcGc_p_p100_p_3D.jpg'},
            {img:'https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvMzc5MDE2MTk1MDExZGQ3NzkxZGNmZjY3OTZkNDg2YzktNTAweDMwMC5qcGc_p_p100_p_3D.jpg'},
            {img:'https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvMWJhY2VjZjE5ZmNhOGIwNDllZTU1OGY1ZDFkYmVhNTEtNTAweDMwMC5qcGc_p_p100_p_3D.jpg'},
            {img:'https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvYmQ1ZmU4MGQ0ODZlZmQwYTE0MDA0MWZjMGZiNWEzMDktNTAweDMwMC5qcGc_p_p100_p_3D.jpg'},
            {img:'https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvNzAzYTY3NzNmOTEwYmQwMzMwNGVkNTRjZjBmZDRlNGYtNTAweDMwMC5qcGc_p_p100_p_3D.jpg'},
            {img:'https://ccdn.goodq.top/caches/4a7b7daf436f3e5cb2e29433375ccd5d/aHR0cHM6Ly81NTlhNDQ3YzczMmVlLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTQvMDYvNjYxZDZlNzNhMWU5MWU3NDAzNzQ1MWQwOWExOTA4ODYtNTAweDMwMC5qcGc_p_p100_p_3D.jpg'},

        ],
        arr5:[
            {clas:'el-icon-water-cup'},
            {clas:'el-icon-coffee-cup'},
            {clas:'el-icon-cold-drink'},
            {clas:'el-icon-watermelon'}
        ]

    }
})
Vue.component('titlebox',{
    template:`
    <div>
        <div class="titlebox">
            <div class="title_no1">{{title}}</div>
            <div class="title_no2">
                <el-divider><i :class="inco"></i></el-divider>
            </div>
            <div class="title_no3">{{text}}</div>
            <slot></slot>
        </div>
    </div>
    `,
    props:['title','inco','text']

})
